<#include "/common/defaultEngine.html"/>
<@pageTheme mark=false>
<@header title="Cron生成器" isPAS=false >
<link rel="stylesheet" href="${ctxStatic}/static/plugins/cron/easyui.min.css?V=${config.getDvVersion()}" type="text/css" />
<style type="text/css">
.line
{
    height: 25px;
    line-height: 25px;
    margin: 3px;
}
.imp
{
    padding-left: 25px;
}
.col
{
    width: 85px;
}
ul {
    list-style:none;
    padding-left:10px;
}
li {
    height:20px;
}
td a{
    font-size:16px;
}
input,textarea{outline: none;}
</style>
<script src="${ctxStatic}/static/plugins/cron/jquery-1.12.4.min.js?V=${config.getDvVersion()}"></script>
<#--<script src="${ctxStatic}/static/plugins/cron/cron.min.js?V=${config.getDvVersion()}"></script>-->
<script src="${ctxStatic}/static/plugins/cron/cron.js?V=${config.getDvVersion()}"></script>
<script> var baseURL = "${ctxStatic}/"</script>
</@header>
<body style="margin:0">
    <div class="easyui-layout" style="width:830px;height:515px; border: 1px rgb(202, 196, 196) solid;
            border-radius: 5px;">
        <div style="height: 100%;">
            <a href="javascript:location=location" style="position:absolute;top:7px;right:10px;z-index:100;font-size:12px">${i18n("刷新")}</a>
            <div class="easyui-tabs" data-options="fit:true,border:false">
                <div title="${i18n("秒")}">
                    <div class="line">
                        <input type="radio" checked="checked" name="second" onclick="everyTime(this)">
                        ${i18n("每秒 允许的通配符")}[, - * /]</div>
                    <div class="line">
                        <input type="radio" name="second" onclick="cycle(this)">
                        ${i18n("周期从 {0} - {1}秒",['<input class="numberspinner" style="width: 60px;" data-options="min:1,max:58" value="1" id="secondStart_0">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:2,max:59" value="2" id="secondEnd_0">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="second" onclick="startOn(this)">
                        ${i18n("从{0}秒开始,每{1}秒执行一次",['<input class="numberspinner" style="width: 60px;" data-options="min:0,max:59" value="0" id="secondStart_1">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:1,max:59" value="1" id="secondEnd_1">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="second" id="sencond_appoint">
                        ${i18n("指定")}</div>
                    <div class="imp secondList">
                        <input type="checkbox" value="0">00
                        <input type="checkbox" value="1">01
                        <input type="checkbox" value="2">02
                        <input type="checkbox" value="3">03
                        <input type="checkbox" value="4">04
                        <input type="checkbox" value="5">05
                        <input type="checkbox" value="6">06
                        <input type="checkbox" value="7">07
                        <input type="checkbox" value="8">08
                        <input type="checkbox" value="9">09
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="10">10
                        <input type="checkbox" value="11">11
                        <input type="checkbox" value="12">12
                        <input type="checkbox" value="13">13
                        <input type="checkbox" value="14">14
                        <input type="checkbox" value="15">15
                        <input type="checkbox" value="16">16
                        <input type="checkbox" value="17">17
                        <input type="checkbox" value="18">18
                        <input type="checkbox" value="19">19
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="20">20
                        <input type="checkbox" value="21">21
                        <input type="checkbox" value="22">22
                        <input type="checkbox" value="23">23
                        <input type="checkbox" value="24">24
                        <input type="checkbox" value="25">25
                        <input type="checkbox" value="26">26
                        <input type="checkbox" value="27">27
                        <input type="checkbox" value="28">28
                        <input type="checkbox" value="29">29
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="30">30
                        <input type="checkbox" value="31">31
                        <input type="checkbox" value="32">32
                        <input type="checkbox" value="33">33
                        <input type="checkbox" value="34">34
                        <input type="checkbox" value="35">35
                        <input type="checkbox" value="36">36
                        <input type="checkbox" value="37">37
                        <input type="checkbox" value="38">38
                        <input type="checkbox" value="39">39
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="40">40
                        <input type="checkbox" value="41">41
                        <input type="checkbox" value="42">42
                        <input type="checkbox" value="43">43
                        <input type="checkbox" value="44">44
                        <input type="checkbox" value="45">45
                        <input type="checkbox" value="46">46
                        <input type="checkbox" value="47">47
                        <input type="checkbox" value="48">48
                        <input type="checkbox" value="49">49
                    </div>
                    <div class="imp secondList">
                        <input type="checkbox" value="50">50
                        <input type="checkbox" value="51">51
                        <input type="checkbox" value="52">52
                        <input type="checkbox" value="53">53
                        <input type="checkbox" value="54">54
                        <input type="checkbox" value="55">55
                        <input type="checkbox" value="56">56
                        <input type="checkbox" value="57">57
                        <input type="checkbox" value="58">58
                        <input type="checkbox" value="59">59
                    </div>
                </div>
                <div title="${i18n("分钟")}">
                    <div class="line">
                        <input type="radio" checked="checked" name="min" onclick="everyTime(this)">
                        ${i18n("分钟 允许的通配符")}[, - * /]</div>
                    <div class="line">
                        <input type="radio" name="min" onclick="cycle(this)">
                        ${i18n("周期从 {0} - {1}分钟",['<input class="numberspinner" style="width: 60px;" data-options="min:1,max:58" value="1" id="minStart_0">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:2,max:59" value="2" id="minEnd_0">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="min" onclick="startOn(this)">
                        ${i18n("从{0}分钟开始,每{1}分钟执行一次",['<input class="numberspinner" style="width: 60px;" data-options="min:0,max:59" value="0" id="minStart_1">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:1,max:59" value="1" id="minEnd_1">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="min" id="min_appoint">
                        ${i18n("指定")}</div>
                    <div class="imp minList">
                        <input type="checkbox" value="0">00
                        <input type="checkbox" value="1">01
                        <input type="checkbox" value="2">02
                        <input type="checkbox" value="3">03
                        <input type="checkbox" value="4">04
                        <input type="checkbox" value="5">05
                        <input type="checkbox" value="6">06
                        <input type="checkbox" value="7">07
                        <input type="checkbox" value="8">08
                        <input type="checkbox" value="9">09
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="10">10
                        <input type="checkbox" value="11">11
                        <input type="checkbox" value="12">12
                        <input type="checkbox" value="13">13
                        <input type="checkbox" value="14">14
                        <input type="checkbox" value="15">15
                        <input type="checkbox" value="16">16
                        <input type="checkbox" value="17">17
                        <input type="checkbox" value="18">18
                        <input type="checkbox" value="19">19
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="20">20
                        <input type="checkbox" value="21">21
                        <input type="checkbox" value="22">22
                        <input type="checkbox" value="23">23
                        <input type="checkbox" value="24">24
                        <input type="checkbox" value="25">25
                        <input type="checkbox" value="26">26
                        <input type="checkbox" value="27">27
                        <input type="checkbox" value="28">28
                        <input type="checkbox" value="29">29
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="30">30
                        <input type="checkbox" value="31">31
                        <input type="checkbox" value="32">32
                        <input type="checkbox" value="33">33
                        <input type="checkbox" value="34">34
                        <input type="checkbox" value="35">35
                        <input type="checkbox" value="36">36
                        <input type="checkbox" value="37">37
                        <input type="checkbox" value="38">38
                        <input type="checkbox" value="39">39
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="40">40
                        <input type="checkbox" value="41">41
                        <input type="checkbox" value="42">42
                        <input type="checkbox" value="43">43
                        <input type="checkbox" value="44">44
                        <input type="checkbox" value="45">45
                        <input type="checkbox" value="46">46
                        <input type="checkbox" value="47">47
                        <input type="checkbox" value="48">48
                        <input type="checkbox" value="49">49
                    </div>
                    <div class="imp minList">
                        <input type="checkbox" value="50">50
                        <input type="checkbox" value="51">51
                        <input type="checkbox" value="52">52
                        <input type="checkbox" value="53">53
                        <input type="checkbox" value="54">54
                        <input type="checkbox" value="55">55
                        <input type="checkbox" value="56">56
                        <input type="checkbox" value="57">57
                        <input type="checkbox" value="58">58
                        <input type="checkbox" value="59">59
                    </div>
                </div>
                <div title="${i18n("小时")}">
                    <div class="line">
                        <input type="radio" checked="checked" name="hour" onclick="everyTime(this)">
                        ${i18n("小时 允许的通配符")}[, - * /]</div>
                    <div class="line">
                        <input type="radio" name="hour" onclick="cycle(this)">
                        ${i18n("周期从 {0} - {1}小时",['<input class="numberspinner" style="width: 60px;" data-options="min:0,max:23" value="0" id="hourStart_0">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:2,max:23" value="2" id="hourEnd_1">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="hour" onclick="startOn(this)">
                        ${i18n("从{0}小时开始,每{1}小时执行一次",['<input class="numberspinner" style="width: 60px;" data-options="min:0,max:23" value="0" id="hourStart_1">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:1,max:23" value="1" id="hourEnd_1">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="hour" id="hour_appoint">
                        ${i18n("指定")}</div>
                    <div class="imp hourList">
                        ${i18n("上午")}:
                        <input type="checkbox" value="0">00
                        <input type="checkbox" value="1">01
                        <input type="checkbox" value="2">02
                        <input type="checkbox" value="3">03
                        <input type="checkbox" value="4">04
                        <input type="checkbox" value="5">05
                        <input type="checkbox" value="6">06
                        <input type="checkbox" value="7">07
                        <input type="checkbox" value="8">08
                        <input type="checkbox" value="9">09
                        <input type="checkbox" value="10">10
                        <input type="checkbox" value="11">11
                    </div>
                    <div class="imp hourList">
                        ${i18n("下午")}:
                        <input type="checkbox" value="12">12
                        <input type="checkbox" value="13">13
                        <input type="checkbox" value="14">14
                        <input type="checkbox" value="15">15
                        <input type="checkbox" value="16">16
                        <input type="checkbox" value="17">17
                        <input type="checkbox" value="18">18
                        <input type="checkbox" value="19">19
                        <input type="checkbox" value="20">20
                        <input type="checkbox" value="21">21
                        <input type="checkbox" value="22">22
                        <input type="checkbox" value="23">23
                    </div>
                </div>
                <div title="${i18n("day")}">
                    <div class="line">
                        <input type="radio" checked="checked" name="day" onclick="everyTime(this)">
                        ${i18n("日 允许的通配符")}[, - * / L W]</div>
                    <div class="line">
                        <input type="radio" name="day" onclick="unAppoint(this)">
                        ${i18n("不指定")}</div>
                    <div class="line">
                        <input type="radio" name="day" onclick="cycle(this)">
                        ${i18n("周期从 {0} - {1}日",['<input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1" id="dayStart_0">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:2,max:31" value="2" id="dayEnd_0">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="day" onclick="startOn(this)">
                        ${i18n("从{0}日开始,每{1}天执行一次",['<input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1" id="dayStart_1">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1" id="dayEnd_1">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="day" onclick="workDay(this)">
                        ${i18n("每月{0}号最近的那个工作日",['<input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1" id="dayStart_2">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="day" onclick="lastDay(this)">
                        ${i18n("本月最后一天")}</div>
                    <div class="line">
                        <input type="radio" name="day" id="day_appoint">
                        ${i18n("指定")}</div>
                    <div class="imp dayList">
                        <input type="checkbox" value="1">1
                        <input type="checkbox" value="2">2
                        <input type="checkbox" value="3">3
                        <input type="checkbox" value="4">4
                        <input type="checkbox" value="5">5
                        <input type="checkbox" value="6">6
                        <input type="checkbox" value="7">7
                        <input type="checkbox" value="8">8
                        <input type="checkbox" value="9">9
                        <input type="checkbox" value="10">10
                        <input type="checkbox" value="11">11
                        <input type="checkbox" value="12">12
                        <input type="checkbox" value="13">13
                        <input type="checkbox" value="14">14
                        <input type="checkbox" value="15">15
                        <input type="checkbox" value="16">16
                    </div>
                    <div class="imp dayList">
                        <input type="checkbox" value="17">17
                        <input type="checkbox" value="18">18
                        <input type="checkbox" value="19">19
                        <input type="checkbox" value="20">20
                        <input type="checkbox" value="21">21
                        <input type="checkbox" value="22">22
                        <input type="checkbox" value="23">23
                        <input type="checkbox" value="24">24
                        <input type="checkbox" value="25">25
                        <input type="checkbox" value="26">26
                        <input type="checkbox" value="27">27
                        <input type="checkbox" value="28">28
                        <input type="checkbox" value="29">29
                        <input type="checkbox" value="30">30
                        <input type="checkbox" value="31">31
                    </div>
                </div>
                <div title="${i18n("月")}">
                    <div class="line">
                        <input type="radio" checked="checked" name="mouth" onclick="everyTime(this)">
                        ${i18n("月 允许的通配符")}[, - * /]</div>
                    <div class="line">
                        <input type="radio" name="mouth" onclick="unAppoint(this)">
                        ${i18n("不指定")}</div>
                    <div class="line">
                        <input type="radio" name="mouth" onclick="cycle(this)">
                        ${i18n("周期从 {0} - {1}月",['<input class="numberspinner" style="width: 60px;" data-options="min:1,max:12" value="1" id="mouthStart_0">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:2,max:12" value="2" id="mouthEnd_0">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="mouth" onclick="startOn(this)">
                        ${i18n("从{0}日开始,每{1}月执行一次",['<input class="numberspinner" style="width: 60px;" data-options="min:1,max:12" value="1" id="mouthStart_1">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:1,max:12" value="1" id="mouthEnd_1">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="mouth" id="mouth_appoint">
                        ${i18n("指定")}</div>
                    <div class="imp mouthList">
                        <input type="checkbox" value="1">1
                        <input type="checkbox" value="2">2
                        <input type="checkbox" value="3">3
                        <input type="checkbox" value="4">4
                        <input type="checkbox" value="5">5
                        <input type="checkbox" value="6">6
                        <input type="checkbox" value="7">7
                        <input type="checkbox" value="8">8
                        <input type="checkbox" value="9">9
                        <input type="checkbox" value="10">10
                        <input type="checkbox" value="11">11
                        <input type="checkbox" value="12">12
                    </div>
                </div>
                <div title="${i18n("周")}">
                    <div class="line">
                        <input type="radio" checked="checked" name="week" onclick="everyTime(this)">
                        ${i18n("周 允许的通配符")}[, - * / L #]</div>
                    <div class="line">
                        <input type="radio" name="week" onclick="unAppoint(this)">
                        ${i18n("不指定")}</div>
                    <div class="line">
                        <input type="radio" name="week" onclick="startOn(this)">
                        ${i18n("周期从 星期{0} - {1}",['<input class="numberspinner" style="width: 60px;" data-options="min:1,max:7" id="weekStart_0" value="1">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:2,max:7" value="2"id="weekEnd_0">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="week" onclick="weekOfDay(this)">
                        ${i18n("第{0}周 的星期{1}",['<input class="numberspinner" style="width: 60px;" data-options="min:1,max:4" value="1" id="weekStart_1">',
                        '<input class="numberspinner" style="width: 60px;" data-options="min:1,max:7" id="weekEnd_1" value="1">'])}
                        </div>
                    <div class="line">
                        <input type="radio" name="week" onclick="lastWeek(this)">
                        ${i18n("本月最后一个星期")}<input class="numberspinner" style="width: 60px;" data-options="min:1,max:7"
                                       id="weekStart_2" value="1"></div>
                    <div class="line">
                        <input type="radio" name="week" id="week_appoint">
                        ${i18n("指定")}
                    </div>
                    <div class="imp weekList">
                        <input type="checkbox" value="1">1
                        <input type="checkbox" value="2">2
                        <input type="checkbox" value="3">3
                        <input type="checkbox" value="4">4
                        <input type="checkbox" value="5">5
                        <input type="checkbox" value="6">6
                        <input type="checkbox" value="7">7
                    </div>
                </div>
                <div title="${i18n("年")}">
                    <div class="line">
                        <input type="radio" checked="checked" name="year" onclick="unAppoint(this)">
                        ${i18n("不指定 允许的通配符")}[, - * /] ${i18n("非必填")}</div>
                    <div class="line">
                        <input type="radio" name="year" onclick="everyTime(this)">
                        ${i18n("每年")}</div>
                    <div class="line">
                        <input type="radio" name="year" onclick="cycle(this)">
                        ${i18n("周期 从{0} - {1}",['<input class="numberspinner" style="width: 90px;" data-options="min:2013,max:3000" id="yearStart_0" value="2013">',
                        '<input class="numberspinner" style="width: 90px;" data-options="min:2014,max:3000" id="yearEnd_0" value="2014">'])}
                        </div>
                </div>
            </div>
        </div>
        <div data-options="region:'south',border:false" style="height:245px;">
            <fieldset style="border-radius: 3px; height: 210px;">
                <legend>${i18n("表达式")}</legend>
                <table style="height: 100px;">
                    <tbody>
                    <tr>
                        <td>
                        </td>
                        <td align="center">
                            ${i18n("秒")}
                        </td>
                        <td align="center">
                            ${i18n("分钟")}
                        </td>
                        <td align="center">
                            ${i18n("小时")}
                        </td>
                        <td align="center">
                            ${i18n("day")}
                        </td>
                        <td align="center">
                            ${i18n("月")}<br />
                        </td>
                        <td align="center">
                            ${i18n("星期")}
                        </td>
                        <td align="center">
                            ${i18n("年")}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            ${i18n("表达式字段")}:
                        </td>
                        <td>
                            <input type="text" name="v_second" class="col" value="*" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_min" class="col" value="*" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_hour" class="col" value="*" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_day" class="col" value="*" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_mouth" class="col" value="*" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_week" class="col" value="?" readonly="readonly" />
                        </td>
                        <td>
                            <input type="text" name="v_year" class="col" readonly="readonly" />
                        </td>
                    </tr>
                    <tr>
                        <td>${i18n("Cron 表达式")}:</td>
                        <td colspan="6"><input type="text" name="cron" style="width: 98%;" value="* * * * * ?" id="cron"
                            /></td>
                        <td><input type="button" value="${i18n("反解析到UI")}" style="width: 98%;" id="btnFan" onclick="btnFan()"/></td>
                    </tr>
                    <tr>
                    </tr>
                    <tr >
                        <td colspan="8" >${i18n("最近10次运行时间")}:</td>
                    </tr>
                    <tr>
                        <td colspan="8">
                            <textarea style="resize: none;width: 98%;height:80px" rows="10" id="runTime"></textarea>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </fieldset>
        </div>
        <div>
        </div>
    </div>
</body>
</html>
</@pageTheme>